<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>弹窗类型</title>
		<link rel="stylesheet" type="text/css" href="${s.base}/lib/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="${s.base}/css/base/index.css" />
	</head>
	<body class="wrap-container clearfix">
		<div class="column-content-detail padt10" id="tool">
			<div class="cy-table-item-title">
				<div class="cy-button-ctn"></div>
				弹窗案例
			</div>
			<button type="button" class="layui-btn layui-btn-normal layui-btn-mid marb5" id="demo1">提示框</button>
			<button type="button" class="layui-btn layui-btn-normal layui-btn-mid marb5" id="demo2">询问框(内容、按钮1回调、按钮2回调)</button>
			<button type="button" class="layui-btn layui-btn-normal layui-btn-mid marb5" id="demo3">询问框(标题、内容、按钮1回调、按钮2回调)</button>
			<button type="button" class="layui-btn layui-btn-normal layui-btn-mid marb5" id="demo4">询问框(内容、按钮名称、按钮1回调、按钮2回调)</button>
			<button type="button" class="layui-btn layui-btn-normal layui-btn-mid marb5" id="demo5">询问框(标题、内容、按钮名称、按钮1回调、按钮2回调)</button>
			<button type="button" class="layui-btn layui-btn-normal layui-btn-mid marb5" id="demo6">tip框</button><br>
			<button type="button" class="layui-btn layui-btn-normal layui-btn-mid marb5" id="demo7">弹窗尺寸1</button>
			<button type="button" class="layui-btn layui-btn-normal layui-btn-mid marb5" id="demo8">弹窗尺寸2</button>
			<button type="button" class="layui-btn layui-btn-normal layui-btn-mid marb5" id="demo9">弹窗尺寸3</button>

		<div style="width:800px;height: 450px; border:1px solid #ddd;">
			<div class="nodata-out-ctn"><div class="nodata-in-ctn"><img src="../../../../images/nodata2.png"><br><span>暂无数据</span></div></div>
		</div>
		</div>
	<script src="${s.base}/lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="${s.base}/js/common.js" type="text/javascript" charset="utf-8"></script>
		<script>
            //Demo
            layui.use(['form', 'dialog','jquery'], function(){
                var form = layui.form
					,$ = layui.jquery
                    ,dialog = layui.dialog;

                $("#demo1").bind("click",function () {
                    dialog.msg("提示内容");
                });
                $("#demo2").bind("click",function () {
                    dialog.confirm("你写对了吗？",function () {
                        dialog.msg("不错！");
                    },function () {
                        dialog.msg("取消了");
                    });
                });
                $("#demo3").bind("click",function () {
                    dialog.confirmTitleMessage("标题","你写对了吗？",function () {
                        dialog.msg("不错！");
                    },function () {
                        dialog.msg("取消了");
                    });
                });
                $("#demo4").bind("click",function () {
                    dialog.confirmMessageBtn("你写对了吗？",['按钮1','按钮2'],function () {
                        dialog.msg("不错！");
                    },function () {
                        dialog.msg("取消了");
                    });
                });
                $("#demo5").bind("click",function () {
                    dialog.confirmBase("标题","你写对了吗？",['按钮1','按钮2'],function () {
                        dialog.msg("不错！");
                    },function () {
                        dialog.msg("取消了");
                    });
                });
                $("#demo3").bind("click",function () {

                });
                // 弹窗尺寸1
                $("#demo7").bind("click",function () {
                    dialog.popUpPage("人员选择","/base/example/popSizeOne.html","550px","500px");
                });
                // 弹窗尺寸2
                $("#demo8").bind("click",function () {
                    dialog.popUpPage("人员选择","/base/example/popSizeTwo.html","1000px","700px");
                });
                // 弹窗尺寸3
                $("#demo9").bind("click",function () {
                    dialog.popUpPage("人员选择","/base/example/popSizeThree.html","1100px","700px");
                });
            });
		</script>
	</body>
</html>